﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Slide.Show Samples | Resizable</title>
		<style type="text/css">
			body
			{
				margin: 15px auto;
				text-align: center;
				background: #000;
			}
			input
			{
				font: 10pt Tahoma, sans-serif;
			}
			.SlideShow
			{
				margin: 5px 2px;
			}
		</style>
		<script type="text/javascript" src="../../Scripts/Debug/Silverlight.js"></script>
		<script type="text/javascript" src="../../Scripts/Debug/SlideShow.js"></script>	
	</head>
	<body>
		<input type="button" value="Small" onclick="control.resize(100, 75);" />
		<input type="button" value="Medium" onclick="control.resize(200, 150);" />
		<input type="button" value="Large" onclick="control.resize(300, 200);" />
		<script type="text/javascript">
			var control = new SlideShow.Control({ width: 200, height: 150, background: "Orange", scripts: { script: [ { key: "SlideDescription", url: "../../Scripts/Debug/SlideDescription.js", extendsclass: "UserControl"} ] }, modules: { module: [ { type: "SlideDescription" } ] }});
		</script>
	</body>
</html>